<template>

  <main class="mx-auto fill-height d-flex flex-column justify-md-center w-75">
    <v-card min-height="400">
      <v-tabs
        v-model="tab"
        bg-color="primary"
      >
        <v-tab value="accountManage">批量注册 </v-tab>
        <!-- <v-tab value="courseManage">课程管理 </v-tab>-->
        <v-tab value="notifycationManage">发送通知 </v-tab>
    </v-tabs>

    <v-card-text>
      <v-tabs-window v-model="tab">
        <v-tabs-window-item value="accountManage" >
          <AccountManageCard />
        </v-tabs-window-item>
        <v-tabs-window-item value="courseManage" class="fill-height">{{ tab }}</v-tabs-window-item>
        <v-tabs-window-item value="notifycationManage" class="fill-height"><SendNotifycationCard></SendNotifycationCard> </v-tabs-window-item>
      </v-tabs-window>
    </v-card-text>

    </v-card>
  </main>

</template>

<script lang="ts" setup>
import AccountManageCard from '@/components/pageSpecific/AdminageComponents/AccountManageCard.vue';
import SendNotifycationCard from '@/components/pageSpecific/AdminageComponents/SendNotifycationCard.vue';
import { ref } from 'vue'
const tab = ref(0)

</script>

